<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>段丛丛的个人网页</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="box">
        <header>

            <div class="little">
                <img class="beijingtu" src="images/beijing.jpg" width="1000px" height="400px" alt="">
                <div class="touming"></div>
            </div>

            <div class="changbai">
                <a name="zhuye">
                    <p class="a">对设计保持好奇心、目的和激情、始终如一</p>
                </a>

                <li class="yi">
                    <a href="#zhuye">主页</a>
                </li>
                <li class="er">
                    <a href="#zuopinji">作品集</a>
                </li>
                <li class="san">
                    <a href="#gerendang">个人档</a>
                </li>
                <li class="si">
                    <a href="#shenghuo">生活集</a>
                </li>
            </div>

            <div class="tuoyuan">
                <img class="two" src="images/16.jpg" width="200px" height="200px">
            </div>


        </header>
        <section class="work">
            <div class="first">
                <a name="zuopinji">
                    <h2 class="wu">作品集 work</h2>
                </a>
                <div class=one>
                    <img class="sishi" src="images/1.jpg" width="300px" heght="150px">
                    <img class="siyi" src="images/2.jpg" width="300px" heght="150px">
                    <img class="sier" src="images/3.jpg" width="300px" heght="150px">

                    <p class="h">
                        <span>潮</span>
                        <span>牌</span>
                        <span>画</span>
                        <span>册</span>
                        <span>设</span>
                        <span>计</span>
                        <span>,</span>
                        <span>配</span>
                        <span>图</span>
                        <span>加</span>
                        <span>效</span>
                        <span>果</span>
                        <span>设</span>
                        <span>计</span>
                        <span>，</span>
                        <span>主</span>
                        <span>题</span>
                        <span>采</span>
                        <span>用</span>
                        <span>黑</span>
                        <span>红</span>
                        <span>色</span>
                        <span>计</span>
                        <span>,</span>
                        <span>增</span>
                        <span>加</span>
                        <span>画</span>
                        <span>面</span>
                        <span>活</span>
                        <span>跃</span>
                        <span>感</span>
                        <span>,</span>
                        <span>潮</span>
                        <span>牌</span>
                        <span>多</span>
                        <span>为</span>
                        <span>冷</span>
                        <span>酷</span>
                        <span>因</span>
                        <span>此</span>
                        <span>用</span>
                        <span>红</span>
                        <span>色</span>
                        <span>反</span>
                        <span>衬</span>
                        <span>它</span>

                    </p>
                </div>


                <div class="shi">
                    <img class="sisan" src="images/4.jpg" width="250px" height="300px">
                    <img class="sisi" src="images/5.jpg" width="250px" height="300px">
                    <img class="siwu" src="images/6.jpg" width="250px" height="300px">
                    <p class="i">
                        <span>主</span>
                        <span>题</span>
                        <span>是</span>

                        <span>十</span>
                        <span>二</span>
                        <span>生</span>
                        <span>牌</span>
                        <span>肖</span>
                        <span>设</span>
                        <span>计</span>
                        <span>，</span>
                        <span>采</span>
                        <span>用</span>
                        <span>剪</span>
                        <span>纸</span>
                        <span>，</span>
                        <span>运</span>
                        <span>用</span>
                        <span>中</span>
                        <span>国</span>
                        <span>红</span>
                        <span>增</span>
                        <span>加</span>
                        <span>喜</span>
                        <span>庆</span>
                        <span>感</span>
                        <span>，</span>
                        <span>黄</span>
                        <span>色</span>
                        <span>背</span>
                        <span>景</span>
                        <span>更</span>
                        <span>显</span>
                        <span>高</span>
                        <span>贵</span>
                    </p>
                </div>

            </div>

            <div class="second">
                <a name="gerendang">
                    <h2 class="liu">个人档 personal</h2>
                </a>


                <div class="shiyi">

                    <span class="xingming">我叫段丛丛一名来自成都东软的学生，我是天秤座，喜欢看看电视，听听歌，画画画.希望专业可以提高。</span>





                </div>
                <div class="shier">
                    <span class="guxiang">I come from Neusoft Chengdu, majoring in art and technology. I like drawing, watching TV dramas and listening to music. I hope to meet more people
                    </span>

                </div>
                <div class="ba">
                    <h2 class="w">starry sky</h2>
                    <div class="share">
                        <div class="icon"><i class="iconfont icon-wx"></i></div>
                        <div class="icon"><i class="iconfont icon-tt"></i></div>
                        <div class="icon"><i class="iconfont icon-wb"></i></div>
                    </div>
                </div>


            </div>
            <div class="third">
                <a name="shenghuo">
                    <h2 class="shenghuo">生活集 life</h2>
                </a>
                <div class="shisi">
                    <img class="b" src="images/8.jpg" width="250px" heght="150px">
                    <img class="c" src="images/9.jpg" width="250px" heght="150px">
                    <img class="d" src="images/10.jpg" width="250px" heght="150px">
                </div>
                <div class="shiwu">
                    <img class="e" src="images/11.jpg" width="250px" heght="150px">
                    <img class="f" src="images/12.jpg" width="250px" heght="150px">
                    <img class="g" src="images/13.jpg" width="250px" heght="150px">

                </div>
            </div>
            <div class="fourth">
                <li class="shiliu"> 主页</li>
                <li class="shiqi"> 作品集</li>
                <li class="shiba">个人档</li>
                <li class="shijiu">生活集</li>
                <img class="ershi" src="images/qq.jpg" width="50px" alt="">
                <img class="ershiyi" src="images/dianhua.jpg" width="50px" alt="">
                <img class="ershier" src="images/youxiang.jpg" width="50px" alt="">
                <img class="ershisan" src="images/weixin.jpg" width="50px" alt="">
                <p class="sanshi">1821458639</p>
                <p class="sanshiyi">18732063639</p>
                <p class="sanshier">1821458639@qq.com</p>
                <p class="sanshisan">d18732063639</p>


            </div>

    </div>

    </section>
    </div>


</body>

</html>